<template>
  <div>
    <!-- <el-icon @click="ck"> <CaretRight v-if="bool"/><CaretLeft v-else/></el-icon> -->
    <!-- //点击箭头改变导航 -->
    <el-icon @click="ck">
      <CaretRight v-if="store.navBool" /><CaretLeft v-else
    /></el-icon>
  </div>
</template>
<script setup>
//引入图标  先从elementplus中复制然后引入、使用
import { CaretRight, CaretLeft } from "@element-plus/icons-vue";

//引入仓库
import { useCar } from "../store/car.ts";
let store = useCar();
// console.log(store.msg);
let ck = () => {
//   console.log("666");
  store.navBool = !store.navBool;
};

//没有用仓库里面的数据，用自己定义的数据时用该形式
// import {ref} from "vue"
// let bool=ref(true)
// //点击箭头改变导航
// let ck=()=>{
//     console.log("666");
//     bool.value=!bool.value
// }
</script>
<style lang="scss">
.el-header {
  line-height: 70px;
  .el-icon {
    font-size: 20px;
  }
}
</style>